/**
 * Desc
 * @description Holp You Do Good But Not Evil
 * @copyright   Copyright 2014-2015 <ycchen@iwshop.cn>
 * @license     LGPL (http://www.gnu.org/licenses/lgpl.html)
 * @author      Chenyong Cai <ycchen@iwshop.cn>
 * @package     Wshop
 * @link        http://www.iwshop.cn
*/
.wdmin-login,
.wdmin-main,
.loginBody {
  background-image: url('../images/admin_background/4.jpg');
  background-position: center;
  background-color: #f7f7f7;
  background-size: cover;
  background-attachment: fixed;
}
#wdmin-wrap {
  overflow: hidden;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  max-width: 1366px;
  border-radius: 3px;
  min-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1366px) {
  #wdmin-wrap {
    border: none;
    border-radius: 0;
  }
  #topnav .in {
    padding-left: 15px;
  }
  #topnav .in .topNavItem:first-child {
    border-right: none !important;
  }
  #topnav .in .adminHead {
    margin-right: 9px;
  }
  #topnav {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #DEDEDE !important;
  }
}
#topnav {
  color: #555;
  overflow: hidden;
  background: #f7f7f7;
  height: 49px;
  line-height: 49px;
  background: #FFF;
  background: rgba(255, 255, 255, 0.9);
  margin-bottom: 10px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.03);
}
#topnav b {
  color: #222;
  font-weight: normal;
}
#topnav .in {
  max-width: 1368px;
  min-width: 1000px;
  margin: 0 auto;
}
#topnav .in .left {
  float: left;
}
#topnav .in .left a {
  color: #44b549;
  padding: 0 2px;
}
#topnav .in .right {
  float: right;
}
#topnav .in .right .topNavItem {
  transition-duration: .15s;
  text-decoration: none;
  color: #555;
  cursor: pointer;
  padding: 0 8px;
  display: block;
  float: right;
}
#topnav .in .right .topNavItem:hover {
  background: rgba(255, 255, 255, 0.6);
  padding: 0 15px;
}
#topnav .in .right .topNavItem:hover span {
  color: #44b549;
}
#topnav .in .right .topNavItem span {
  display: block;
  height: 49px;
  line-height: 49px;
}
#topnav .in .right .adminHead {
  width: 35px;
  float: right;
  border-radius: 100px;
  margin-top: 8px;
  margin-left: 8px;
  -webkit-font-smoothing: antialiased;
}
#leftNav {
  position: relative;
  overflow: auto;
  width: 160px;
  float: left;
}
#leftNav #copyrights {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 12px;
  color: #999;
  line-height: 18px;
  border-top: 1px solid #dedede;
  padding: 5px 0;
  background: #fefefe;
}
#leftNav #copyrights:before {
  content: '© ';
}
#leftNav .subnavs {
  display: none;
}
#leftNav .subnavs a {
  display: block;
  line-height: 38px;
  background: url('../images/dot-big-1.png') 14px center no-repeat #ffffff;
  background-size: 12px;
  padding-left: 35px;
  font-size: 14px;
  color: #444;
  border-bottom: 1px solid #dfdfdf;
}
#leftNav .subnavs a:hover,
#leftNav .subnavs a.hov {
  color: #44b549;
  background-image: url('../images/dot-big-3.png');
  background-color: #fdfdfd;
}
#rightWrapper {
  position: relative;
  overflow: hidden;
  box-shadow: -1px 0 2px rgba(0, 0, 0, 0.1);
  border-left: 1px solid #dedede;
}
.navItem {
  position: relative;
  display: block;
  border-bottom: 1px solid #dedede;
  cursor: pointer;
  transition-duration: 120ms;
  background-color: #fff;
  background-repeat: no-repeat;
  height: 45px;
  padding-left: 15px;
  line-height: 45px;
}
.navItem b {
  float: left;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-size: 30px !important;
  margin-top: 7px;
}
.navItem i {
  font-size: 14px;
  color: #666;
  text-indent: 12px;
  display: inline-block;
  letter-spacing: 1px;
}
b.icount {
  color: #777;
  letter-spacing: normal;
  font-size: 12px;
  font-family: Verdana;
  font-weight: normal;
}
.nav-count {
  transition-duration: 200ms;
  line-height: initial;
  position: absolute;
  display: inline-block;
  top: 10px;
  right: 10px;
  background: #900;
  color: #fff;
  height: 14px;
  line-height: 15px;
  text-align: center;
  border-radius: 8px;
  padding: 1px 5px;
  font-size: 12px;
}
#navitem2 b {
  background: url("../images/admin/iconfont-bingtu.png") center no-repeat;
}
#navitem3 b {
  background-position: -204px 0px;
}
#navitem4 b {
  background: url("../images/admin/iconfont-orders.png") center no-repeat;
}
#navitem5 b {
  background: url("../images/admin/iconfont-productshipping.png") center no-repeat;
}
#navitem6 b {
  background: url("../images/admin/iconfont-thin014planepapersend.png") center no-repeat;
}
#navitem7 b {
  background: url("../images/admin/iconfont-minesetting.png") center no-repeat;
}
#navitem8 b {
  background: url("../images/admin/iconfont-share.png") center no-repeat;
}
#navitem9 b {
  background: url("../images/admin/iconfont-analysispageviewiconuser.png") center no-repeat;
}
#navitem10 b {
  background: url("../images/admin/iconfont-share.png") center no-repeat;
}
#navitem11 b {
  background: url("../images/admin/iconfont-analysispageviewiconuser.png") center no-repeat;
}
#navitem12 b {
  background: url("../images/admin/iconfont-moneyhollow.png") center no-repeat;
}
#navitem13 b {
  background: url("../images/admin/iconfont-erweima.png") center no-repeat;
}
#navitem14 b {
  background: url("../images/admin/iconfont-iconfk.png") center no-repeat;
}
#navitem15 b {
  background: url("../images/admin/iconfont-goods.png") center no-repeat;
  background-size: 27px !important;
}
.navItem:hover,
.navItem.hover {
  color: #86c440;
  background-color: #fafafa !important;
}
#main-mid {
  position: relative;
  overflow: hidden;
  background: #fff;
}
#main-mid-left {
  float: left;
  width: 75%;
  background: #fff;
  overflow: hidden;
}
#main-mid-right {
  margin-left: 75%;
  padding-left: 15px;
}
